<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>筛选页</title>
    <link rel="stylesheet" href="css/reset.css" type="text/css"/>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <link rel="stylesheet" href="css/main.css" type="text/css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
    <script type="text/javascript" src="js/ie6Fixpng.js"></script>
    <![endif]-->
</head>
<body>
<div class="headerBar">
    <div class="topBar">
        <div class="comWidth">
            <div class="leftArea">
                <a href="#" class="collection">收藏</a>
            </div>
            <div class="rightArea">
                欢迎!<a href="#">[登录]</a><a href="#">[免费注册]</a>
            </div>
        </div>
    </div>
    <div class="logoBar">
        <div class="comWidth">
            <div class="logo fl">
                <a href="index.html"><img src="images/logo.jpg" alt="慕课网"/></a>
            </div>
            <div class="search_box fl">
                <input type="text" class="search_text fl"/>
                <input type="button" class="search_btn fl" value="搜 索"/>
            </div>
            <div class="shopCar fr">
                <span class="shopText fl">购物车</span>
                <span class="shopNum fl">0</span>
            </div>
        </div>
    </div>
    <div class="navBox">
        <div class="comWidth">
            <div class="shopClass fl hide">
                <h3>全部商品分类<i></i></h3>
                <div class="shopClass_show">
                    <dl class="shopClass_item">
                        <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                        <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                    </dl>
                    <dl class="shopClass_item">
                        <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                        <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                    </dl>
                    <dl class="shopClass_item">
                        <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                        <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                    </dl>
                    <dl class="shopClass_item">
                        <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                        <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                    </dl>
                    <dl class="shopClass_item">
                        <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                        <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                    </dl>
                </div>
                <div class="shopClass_list hide">
                    <div class="shipList_cont">
                        <dl class="shopList_item">
                            <dl>
                                <dt>电脑整机</dt>
                                <dd>
                                    <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                        href="#">台式机</a><a href="#">超极本超极本</a>
                                </dd>
                            </dl>
                        </dl>
                        <dl class="shopList_item">
                            <dl>
                                <dt>电脑整机</dt>
                                <dd>
                                    <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                        href="#">台式机</a><a href="#">超极本超极本</a>
                                </dd>
                            </dl>
                        </dl>
                        <dl class="shopList_item">
                            <dl>
                                <dt>电脑整机</dt>
                                <dd>
                                    <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                        href="#">台式机</a><a href="#">超极本超极本</a>
                                </dd>
                            </dl>
                        </dl>
                        <dl class="shopList_item">
                            <dl>
                                <dt>电脑整机</dt>
                                <dd>
                                    <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                        href="#">台式机</a><a href="#">超极本超极本</a><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                        href="#">台式机</a><a href="#">超极本超极本</a>
                                </dd>
                            </dl>
                        </dl>
                        <dl class="shopList_item">
                            <dl>
                                <dt>电脑整机</dt>
                                <dd>
                                    <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                        href="#">台式机</a><a href="#">超极本超极本</a><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                        href="#">台式机</a><a href="#">超极本超极本</a><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                        href="#">台式机</a><a href="#">超极本超极本</a><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                        href="#">台式机</a><a href="#">超极本超极本</a>
                                </dd>
                            </dl>
                        </dl>
                        <dl class="shopList_item">
                            <dl>
                                <dt>电脑整机</dt>
                                <dd>
                                    <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                        href="#">台式机</a><a href="#">超极本超极本</a>
                                </dd>
                            </dl>
                        </dl>
                        <div class="shopList_links">
                            <a href="#">笔记本笔记本<span></span></a><a href="#">笔记本笔记本<span></span></a>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="nav fl">
                <li><a href="#" class="active">数码城</a></li>
                <li><a href="#">天黑黑</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">发现</a></li>
                <li><a href="#">二手特卖</a></li>
                <li><a href="#">名品会</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="comWidth clearfix products">
<div class="leftArea">
    <div class="leftNav">
        <h3 class="nav_title">产品分类</h3>
        <div class="nav_cont">
            <h3>手机通讯</h3>
            <ul class="navCont_list verticle clearfix">
                <li><a href="#">手机手机</a></li>
                <li><a href="#">手机手机</a></li>
                <li><a href="#">手机手机</a></li>
                <li><a href="#">手机手机</a></li>
                <li><a href="#">手机手机</a></li>
            </ul>
        </div>
        <div class="nav_cont">
            <h3>手机通讯</h3>
            <ul class="navCont_list verticle clearfix">
                <li><a href="#">手机手机</a></li>
                <li><a href="#">手机手机手机</a></li>
                <li><a href="#">手机手机</a></li>
                <li><a href="#">手机手机手机</a></li>
            </ul>
        </div>
        <div class="nav_cont">
            <h3>手机通讯</h3>
            <ul class="navCont_list verticle clearfix">
                <li><a href="#">手机手机</a></li>
                <li><a href="#">手机手机</a></li>
                <li><a href="#">手机手机</a></li>
                <li><a href="#">手机手机</a></li>
                <li><a href="#">手机手机手机</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="hr_15"></div>
<div class="rightArea">
    <div class="screening_box">
        <dl class="screening screening_first clearfix">
            <dt>手机</dt>
            <dd class="screening_list">
                <ul class="clearfix">
                    <li><a href="#">裸机（833)</a></li>
                    <li><a href="#">合约机(83784)</a></li>
                </ul>
            </dd>
        </dl>
        <dl class="screening clearfix">
            <dt>手机</dt>
            <dd class="limit"><a href="#" class="active">不限</a></dd>
            <dd class="screening_list">
                <ul class="clearfix">
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">苹果魅族</a></li>
                    <li><a href="#">oppovivo</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">oppovivo</a></li>
                </ul>
            </dd>
        </dl>
        <dl class="screening clearfix">
            <dt>手机</dt>
            <dd class="limit"><a href="#" class="active">不限</a></dd>
            <dd class="screening_list">
                <ul class="clearfix">
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">苹果魅族</a></li>
                    <li><a href="#">oppovivo</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">苹果魅族</a></li>
                    <li><a href="#">oppovivo</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">oppovivo</a></li>
                </ul>
            </dd>
        </dl>
        <dl class="screening clearfix">
            <dt>手机</dt>
            <dd class="limit"><a href="#" class="active">不限</a></dd>
            <dd class="screening_list">
                <ul class="clearfix">
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">苹果魅族</a></li>
                    <li><a href="#">oppovivo</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">oppovivo</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">三星华为</a></li>
                    <li><a href="#">苹果魅族</a></li>
                    <li><a href="#">oppovivo</a></li>
                    <li><a href="#">三星华为</a></li>
                </ul>
            </dd>
        </dl>
        <dl class="screening screening_first clearfix">
            <dt>更多选项</dt>
            <dd class="screening_list">
                <div class="screening_more">
                    <a href="#">CPU核心像素</a>
                </div>
                <div class="screening_more">
                    <a href="#">CPU核心像素CPU核心像素</a>
                </div>
            </dd>
        </dl>
    </div>
    <div class="hr_15"></div>
    <div class="addInfo">
        <div class="address">
            <span class="add_text">送至</span>
            <div class="select">
                <h3>海淀区五环内</h3><span></span>
                <ul class="show_select">
                    <li>五环</li>
                    <li>五环</li>
                    <li>五环</li>
                </ul>
            </div>
        </div>
        <div class="screen_text fr">
            <span class="check">
            <input type="checkbox" id="check"/><label for="check">仅显示有货</label>
            </span>
            <span class="shop_num">共<em>1313</em>件商品</span>
        </div>

    </div>
    <div class="products_list screening_list_more clearfix">
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机粉色1600像素Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
                <div class="hot"></div>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
                <div class="hot"></div>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
                <div class="hot"></div>
            </div>
        </div>
        <div class="item">
            <div class="item_cont">
                <div class="img_item">
                    <a href="#"><img src="images/item.jpg" alt="item"/></a>
                </div>
                <p><a href="#">Canon佳能数码相机 粉色 1600像素 Canon佳能数码相机</a></p>
                <p class="money">￥699.00 <span class="fr"><a href="#" class="link">7855</a>评论</span></p>
                <p><a href="#" class="add_car">加入购物车</a></p>
            </div>
        </div>
    </div>
    <div class="hr_25"></div>
    <div class="page">
        <a href="#">上一页</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
            href="#">6</a><a href="#">7</a><a href="#">8</a><span class="hl">...</span><a href="#">200</a><a href="#">下一页</a><span class="page_more">共200页，到第</span><input
            type="text" class="page_num"/><span class="ye">页</span><input type="button" class="page_btn" value="确定"/>
    </div>
</div>
</div>
<div class="hr_25"></div>
<div class="footer">
    <p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i><a href="#">招纳贤士</a><i>|</i><a href="#">联系我们</a><i>|</i><a href="#">客服热线：400-675-1234</a></p>
    <p>Copyright &copy; 2006 - 2014 慕课所有&nbsp;&nbsp;&nbsp;是看得见覅&nbsp;&nbsp;&nbsp;的发送卡覅安&nbsp;&nbsp;&nbsp;慰人如发热爱人</p>
    <p class="web"><a href="#"><img src="images/footerlogo.jpg" alt=""/></a><a href="#"><img src="images/footerlogo.jpg" alt=""/></a><a href="#"><img
            src="images/footerlogo.jpg" alt=""/></a><a href="#"><img src="images/footerlogo.jpg" alt=""/></a></p>
</div>
</body>
</html>